@font-face {
    font-family: "OpenSans" !important;
    src: url('/fonts/OpenSans-Regular.ttf') format("truetype");
}
html, body {
    background: url('/images/layout/bg.jpg') repeat-y scroll 50% 50% #fff;
    width:	100%;
    height:	100%;
    padding:	0;
    margin:	0;
    overflow:	auto; /* when page gets too small */
    font-size:  13px;
    font-family: OpenSans;
}

a:visited, a:active, a:link {
    color: #666;
}

.login {
    float:right;
    cursor: pointer;
    margin-top: 35px;
}

.createUser {
    float:right;
    cursor: pointer;
    margin-top: 35px;
}


.contenedor {
    position:relative;
    min-height:100%;
}

.banner .titulo {
    position:   absolute;
    top:        22px;
    left:       400px;
    font-size:  23px;
    font-weight: bold;
    color: #444;
}
.banner .subtitulo {
    position:   absolute;
    top:        52px;
    left:       400px;
    font-size:  22px;
    font-weight: bold;
    color: #777;
}
.banner .logo_tree {
    position:   absolute;
    top:        18px;
    left:       50px;
}

.ancho {
    margin:0 auto;
    width: 958px;
}

.ui-layout-pane.banner {
    background: url('/images/layout/bg_header.jpg') repeat-x scroll 50% 50% #353535
}
.ui-layout-pane.footer {
    background: url('/images/layout/bg_footer.jpg') repeat-x scroll 50% 50% #353535
}

.template {
    float: left;
    width: 100%;
}
.horizontal li:hover .texto-item-menu {
    font-weight: bold;

}
.menuDialog .horizontal li:first-child  {
    border-left: 0;
    border-right: 1px solid #999;
    margin-right: 24px;
}
.menuDialog .horizontal li  {
    margin: 0;
}
.menuDialog .horizontal li {
    float:right;
    border-left: 1px solid #999;
}

.menuTemplate .horizontal li .icono-item-menu, .menuDialog .horizontal li .icono-item-menu {
    display: table-cell;
}

.menuTemplate .horizontal li, .menuDialog .horizontal li  {
    width: auto;
    padding: 1px 5px !important;
    display: inline-block;
}
.menuDialog .horizontal {
    margin: 0;
    width: 100%;
    margin-right: 24px ;
}

.horizontal li:hover .icono-item-menu {
    display: table-cell;
}

.horizontal li:hover, .menuTemplate li:hover {
    background: url('/images/layout/degradado-vertical.png') repeat-x bottom #eee;
    color: #444;
    border-bottom: 1px solid #aaa;
}
.menuTemplate li:hover {
    height: 33px;
}
.menuTemplate li {
    line-height: 32px;
}
.menuControl li:hover {
    height: 17px;
}
.menuControl li {
    line-height: 16px;
}
.menuControl {
    margin-top: 3px;
}
.horizontal li, .menuTemplate li {
    border-right: 3px groove #ddd;
    cursor: pointer;
    display: table-cell;
    padding: 1px 0px;
    color: #777;
}
.horizontal li div, .menuLateral li div, .menuTemplate li div {
    display: table-cell;
    vertical-align: middle;
}
.horizontal li a, .menuLateral li a, .menuTemplate li a {
    text-decoration: none;
    padding: 0 5px;
    vertical-align: middle;
    display: inline-block;
}
.menuTemplate, .menuDialog, .dialogo .ui-dialog-titlebar {
    height: 35px;
    background: url('/images/layout/degradado-vertical.png') repeat-x bottom #dfdfdf;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    font-size: 12px;
}
.dialogo .ui-dialog-titlebar {
    color: #444;
    height: 24px;
}
.menuTemplate {
    border-left: 1px solid #888;
}
.horizontal {
    display: inline-block;
    margin: 0;
    padding: 0 !important;
    list-style-type: none;
    list-style-image: none;
}
.menuTemplate ul.horizontal {
    margin-left: 10px;
}
.menuTemplate ul.horizontal:first-child {
    border-left: 1px solid #888;
}
.texto-item-menu p {
    padding: 0;
    margin: 0;
    line-height: 1em;
}
